<template>
  <el-header v-if="!navTabs.state.tabFullScreen" class="layout-header">
    <component :is="config.layout.layoutMode + 'NavBar'"></component>
  </el-header>
</template>
<script lang="ts" setup>
import { useConfig } from "@/store/config";
import { useNavTabs } from '@/store/navTabs'
import DefaultNavBar from "./navBar/default.vue"//默认布局
import ClassicNavBar from "./navBar/classic.vue"//经典布局

const config = useConfig();
const navTabs = useNavTabs()

</script>
<script lang="ts">
export default {
  components: { DefaultNavBar, ClassicNavBar },
}
</script>
<style lang="scss" scoped>
.layout-header {
  height: auto;
  padding: 0;
}
</style>
  